<template>
  <div>
    <el-input
      placeholder="请输入话题标题"
      v-model="listQueryIn.title"
      clearable
      size="small"
      style="width: 260px; margin-right: 10px"
    >
    </el-input>
    <ClassifySelect
      style="width: 200px; margin-right: 10px"
      :defaultValue="listQueryIn.classifyId"
      size="small"
      @emit="(v) => (listQueryIn.classifyId = v)"
    />
    <el-button
      type="primary"
      size="small"
      icon="el-icon-search"
      @click="refreshList()"
      >搜索</el-button
    >
    <el-button
      type="primary"
      size="small"
      icon="el-icon-plus"
      @click="handleAdd"
      >新增</el-button
    >
  </div>
</template>
<script>
export default {
  components: {
    ClassifySelect: () => import('../../components/ClassifySelect.vue'),
  },
  data() {
    return {
      listQueryIn: {
        title: '',
      },
    }
  },
  mounted() {},
  methods: {
    refreshList() {
      this.$bus.$emit('refreshBbsTopicList', this.listQueryIn)
    },
    handleAdd() {
      this.$bus.$emit('showDialogBbsAdd')
    },
  },
}
</script>
<style scoped lang="scss">
</style>